@charset "utf-8";
/* CSS Document */

.report__form {
    padding: 21px 98px;
}

.message-error-admin {
    padding: 10px;
    border: none;
    background-color: #920202;
    color: #ffffff;
    transition: border 0.3s;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: lighter;
}

.show-message-error-admin {
    padding: 10px;
    border: none;
    transition: border 0.3s;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: lighter;
}

.BillSearch_None {
    padding: 10px;
    border: none;
    transition: border 0.3s;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: lighter;
}

div.hideBox{
    display: none;
}
.word_break {
    word-break: break-all;
}

.tracking-form-modal-admin {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    overflow-x: auto;
    overflow-y: scroll;
    outline: 0px none;
    background-color: rgba(0, 0, 0, 0.36);
}

table.scroll {
    width: 80%;
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 2px solid black;
}

table.scroll tbody,
table.scroll thead { display: block; }

thead tr th { 
    height: 30px;
    /* line-height: 30px; */
    /* text-align: left; */
}

table.scroll tbody {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scroll-search {
    width: 80%;
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 2px solid black;
}

table.scroll-search-bill {
    width: 60%;
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 2px solid black;
}

table.scroll-width {
    width: 95%;
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 2px solid black;
}

table.scroll-search tbody {
    height: 40px;
    overflow-y: auto;
    overflow-x: hidden;
}

tbody { border-top: 2px solid black; }

tbody td, thead th {
    width: 20%;
    border-right: 1px solid black;
    /* white-space: nowrap; */
}

tbody td:last-child, thead th:last-child {
    border-right: none;
}
/*change color when mouse over*/

/*.hoverBillTable{*/
    /*width:100%;*/
    /*border-collapse:collapse;*/
/*}*/

/* Define the hover highlight color for the table row */
/*.hoverBillTable tr#showData:hover {*/
    /*background-image: url(../../../images/table/transparent-table.png);*/
    /*background-color: #6e6e6e;*/
    /*color: #ffffff;*/

/*}*/

/*end change color when mouse over*/

/*change color tick input*/
.BillTableHighlight {
    background-color:yellow;
}
/*end change color tick input*/

.none-border {
	border: 1px solid transparent;
}

.tableBillPadding {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableMemberPadding {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableColorPadding {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableDealPadding {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableListCategoryPadding {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableListProductPadding {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableSizePadding {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableMotifPadding{
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableProductPadding{
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableLevelPadding{
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableLawPadding{
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableProductDetailPadding{
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.tableTransparent {
    background-image: url(../../../images/table/transparent-table.png);
    background-repeat: repeat-x;
    /*background-attachment: fixed;*/
    background-position: bottom;
    min-height: 100%;
}

#MemberTable tbody tr {
    height: 40px;
}

#DealTable tbody tr {
    height: 40px;
}

#ColorTable tbody tr {
    height: 40px;
}

#ListCategoryTable tbody tr {
    height: 40px;
}

#ListProductTable tbody tr {
    height: 40px;
}

#ListSizeTable tbody tr {
    height: 40px;
}

#ProductTable tbody tr {
    height: 40px;
}

#LevelTable tbody tr {
    height: 40px;
}

#LawTable tbody tr {
    height: 40px;
}

#LawTable_Result tbody tr {
    height: 40px;
}

#ProductDetailTable tbody tr {
    height: 50px;
}

.tableBillWidth {
    width: 950px;
    border: 2px solid black;
}

.tableMemberWidth {
    width: 950px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableProductForDealWidth {
    width: 800px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableDealWidth {
    width: 950px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableColorWidth {
    width: 500px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableListCategoryWidth {
    width: 500px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableListProductWidth {
    width: 500px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableSizeWidth {
    width: 500px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableMotifWidth {
    width: 500px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableProductWidth {
    width: 900px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableLevelWidth {
    width: 500px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableLawlWidth {
    width: 500px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableProductDetailWidth {
    width: 900px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableProductDetailForDealWidth {
    width: 900px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.tableBillCommonWidth {
    width: 850px;
    border: 2px solid black;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.columnBillSTT{
    width: 30px;
}

.columnMemberSTT{
    width: 30px;
}

.columnDealSTT{
    width: 30px;
}

.columnColorSTT{
    width: 30px;
}

.columnListCategorySTT{
    width: 30px;
}

.columnListProductSTT{
    width: 30px;
}

.columnSizeSTT{
    width: 30px;
}

.columnMotifSTT{
    width: 30px;
}

.columnProductSTT{
    width: 30px;
}

.columnLevelSTT{
    width: 30px;
}

.columnLawSTT{
    width: 30px;
}

.columnProductDetailSTT{
    width: 30px;
}

.columnProductDetailStick{
    width: 30px;
}

.columnProductDetail_ProductCode{
    width: 30px;
}

.columnProductDetailCode{
    width: 50px;
}

.columnProductDetail_Category{
    width: 50px;
}

.columnProductDetailTitle{
    width: 100px;
}

.columnProductDetailColor{
    width: 40px;
}

.columnProductDetailSize{
    width: 30px;
}

.columnProductDetailSexual{
    width: 30px;
}

.columnProductDetailPicture{
    width: 50px;
}

.columnProductDetailPatern{
    width: 30px;
}

.columnProductDetailQuantity{
    width: 20px;
}

.columnProductDetailPrice{
    width: 40px;
}

.columnBillStick{
    width: 30px;
}

.columnMemberStick{
    width: 30px;
}

.columnDealStick{
    width: 30px;
}

.columnColorStick{
    width: 30px;
}

.columnListCategoryStick{
    width: 30px;
}

.columnListProductStick{
    width: 30px;
}

.columnSizeStick{
    width: 30px;
}

.columnMotifStick{
    width: 30px;
}

.columnProductStick{
    width: 30px;
}

.columnLevelStick{
    width: 30px;
}

.columnLawStick{
    width: 30px;
}

.columnLawName{
    width: 150px;
}

.columnLevelCode{
    width: 30px;
}

.columnLevelName{
    width: 100px;
}

.columnProductCode{
    width: 30px;
}

.columnProductList{
    width: 50px;
}

.columnProductTitle{
    width: 100px;
}

.columnProductInfo{
    width: 200px;
}

.columnProductSexual{
    width: 30px;
}

.columnProductButtonDetail{
    width: 50px;
}

.columnMotifCode{
    width: 50px;
}

.columnMotifName{
    width: 200px;
}

.columnSizeName{
    width: 50px;
}

.columnSize_Category{
    width: 50px;
}

.columnListProduct_Category{
    width: 50px;
}

.columnListProductCode{
    width: 50px;
}

.columnListProductName{
    width: 200px;
}

.columnListCategoryName {
    width: 200px;
}

.columnListCategoryCode{
    width: 50px;
}

.columnColorCode{
    width: 50px;
}

.columnColorName{
    width: 150px;
}

.columnMemberPhone{
    width: 100px;
}

.columnMemberAddress{
    width: 150px;
}

.columnMemberSexual{
    width: 30px;
}

.columnMemberDate{
    width: 100px;
}

.columnMemberFirstName{
    width: 50px;
}

.columnMemberLastName{
    width: 50px;
}

.columnMemberEmail{
    width: 100px;
}

.columnBillCode{
    width: 40px;
    word-break: break-word;
}

.columnBillBuyer{
    width: 100px;
    word-break: break-word;
}

.columnBillRecipient{
    width: 100px;
    word-break: break-word;
}

.columnBillPhone{
    width: 90px;
    word-break: break-word;
}

.columnBillAddress{
    width: 100px;
    word-break: break-word;
}

.columnBillDate{
    width: 80px;
    word-break: break-word;
}

.columnBillFinish{
    width: 40px;
    word-break: break-word;
}

.columnBillTotalCash{
    width: 60px;
    word-break: break-word;
}

.columnBillNote{
    width: 60px;
    word-break: break-word;
}

.columnSTT {
	width: 40px;
}

.columnBill {
	width: 50px;
}

.columnSTT-summary {
	width: 30px;
}

.columnStick {
	width: 40px;
}

.columnStick-summary {
	width: 30px;
}

.columnStick-search {
	width: 40px;
}

.columnProductDetail {
    width: 50px;
}

.columnLevel {
	width: 50px;
}

.columnID {
	width: 80px;
}

.columnAddress {
	width: 150px;
}

.columnEmail {
	width: 157px;
}

.columnPhone {
	width: 100px;
}

.columnList {
	width: 85px;
}

.columnBuyer {
	width: 80px;
}

.columnRecipient {
	width: 80px;
}

.columnList-summary {
    width: 70px;
}

.columnList-search {
	width: 85px;
}

.columnTitle {
	width: 150px;
}

.columnTime-search {
	width: 570px;
}

.columnTitle-summary {
	width: 100px;
}

.columnName {
	width: 90px;
}

.columnSummary {
	width: 300px;
}

.columnPicture {
    width: 80px;
    word-break: break-all;
}

.columnPatern {
    width: 60px;
}

.columnProductInfo {
    width: 245px;
}

.columnPrice {
	width: 86px;
}

.columnPrice-summary {
    width: 75px;
}

.columnPrice-summary-product-detail {
    width: 50px;
}

.columnPrice-search {
	width: 150px;
}

.columnPrice-search-select {
	width: 50px;
}

.columnPrice-search-input {
	width: 100px;
}

.columnQuantity {
	width: 50px;
}

.columnQuantity-summary {
    width: 30px;
}

.columnQuantity-Product-Detail-summary {
    width: 38px;
}

.columnState {
	width: 50px;
}

.columnNote {
	width: 108px;
}

.columnButtonDetail {
    width: 128px;
}

.columnTotalcash {
	width: 100px;
}

.columnQuantity-search {
	width: 80px;
}

.columnQuantity-search-select {
	width: 50px;
}

.columnQuantity-search-input {
	width: 30px;
}

.columnColor {
	width: 70px;
}

.columnSize {
	width: 40px;
}

.columnSexual {
	width: 43px;
}

.columnSexual-search {
	width: 60px;
}

.column-Dark {
	background-color:#CCC;
}

.columnAccount {
	width: 690px;
}

.column-Light {
	background-color:#FFF;
}

.word-break {
	word-break: break-all;
}

.columnDealName {
	width: 135px;
}

.column-Deal-name-summary {
	width: 235px;
}

.columnDealAuthor {
	width: 155px;
    word-break: break-all;
}

.columnDealDate {
	width: 135px;
    text-align: center;
}

.columnDealDateBegin {
	width: 135px;
    text-align: center;
}

.column-Deal-date-begin-summary {
	width: 145px;
}

.columnDealDateEnd {
	width: 135px;
    text-align: center;
}

.column-Deal-date-end-summary {
	width: 145px;
}

.column-Delivery-date-begin {
	width: 130px;
}

.column-Delivery-date-end {
	width: 130px;
}

.align-left{
    text-align: left;
}

.align-right{
    text-align: right;
}

.half-column{
    width: 50%;
}